<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>静态检测结果</title>
    <link rel="icon" href="/static/image/favicon.ico" />
    <style>
        html, body {
            width: 100%;
            height: 100%;
            padding:0;
            margin:0;
            background-size: cover;
            background-color: rgba(1,1,1,0.1);
        }
        .container {
            width:85%;
            margin:0 auto;
        }
        .row1, .row2 {
            display: inline-block;
            width: 48%;
        }
        .row2{
            padding-left: 25px;
        }
        #original, #result {
            width: 100%;
            margin-top: 10px;
            box-shadow: 10px 10px 10px rgba(0, 0, 0, .5);
            border-radius: 2%;
        }
        h2 {
            text-align:center;
        }
        lable {
            padding-left:50%;
            font-size: 24px;
        }
        input {
            padding:5px 10px;
            background-color: #fcfcfc;
            border: 2px solid #ccc;
            border-radius: 20%;
        }
    </style>
</head>
<body>
<input type="button" name="Submit" onclick="javascript:history.back(-1);" value="<<返回首页">
<br>
<h2>图片检测结果</h2>
<div class="container">
    <div class="row1">
        <lable for="original">原图</lable>
        <img id="original"  src='{{ avatar_img }}'alt="原图" title="原图">
    </div>
    <div class="row2">
        <lable for="result">结果图</lable>
    <img id="result"  src='{{ result_img }}'alt="检测结果图" title="结果图">
    </div>
</div>
</body>
</html>